// rfce 函数组件生成得快捷键
import React from 'react'
// 函数组件中this，也没有生命周期，但是生命周期可以通过hooks模拟
// hooks 是 在某些特定时间段内自动执行的钩子
import {useState} from "react" // useState是在函数组件中声明变量的
function Appsonson() {
 let [name,setName] = useState("zhangan")
 let [age,setAge] = useState(20)
 let fn = ()=>{
     setName("lisi")
 }
 let agefn = ()=>{
     console.log(1);
     // setXXX 可以接收两种形式的参数， 第一种，一个值，表示将这个值设置为要修改变量的最新值
     // 第二种，接收一个回调函数，回调函数的参数式上一次的状态
     setAge((age)=>{ // 上一传的状态
         console.log(age);
        return age+= 1}) // age = age +1
 }
 // 声明了一个变量，变量的名字叫name,变量的初始值叫“zhangsan”,setNmae是修改name的方法
  return (
    <div>我叫{name},今年{age}岁
    
        <button onClick={fn}>点击</button>
        <button onClick={agefn}>年龄加1</button>
    
    </div>
  )
}

export default Appsonson